<!DOCTYPE html>
<html lang="zh">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
	<title>BootstrapV5模板</title>
	<link rel="shortcut icon" type="image/x-icon" href="admin/images/favicon.ico">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="default">
	<link rel="stylesheet" type="text/css" href="component/fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" type="text/css" href="component/fontawesome/css/brands.min.css">
	<link rel="stylesheet" type="text/css" href="component/fontawesome/css/solid.min.css">
	<link rel="stylesheet" type="text/css" href="component/materialDesign/css/materialdesignicons.min.css">
	<link rel="stylesheet" type="text/css" href="component/jquery-treegrid/css/jquery.treegrid.css">
	<link rel="stylesheet" type="text/css" href="component/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="component/bootstrap-table/bootstrap-table.min.css">
	<link rel="stylesheet" type="text/css" href="component/bootstrap-select/css/bootstrap-select.min.css">
	<link rel="stylesheet" type="text/css" href="component/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
	<link rel="stylesheet" type="text/css" href="component/bootstrap-tempus-dominus/css/tempus-dominus.min.css">
	<link rel="stylesheet" type="text/css" href="component/gijgo/css/gijgo.min.css">
	<link rel="stylesheet" type="text/css" href="component/animate/animate.min.css">
	<link rel="stylesheet" type="text/css" href="admin/css/style.css">
</head>

<body class="lyear-index">
	<div class="lyear-layout-web">
		<div class="lyear-layout-container">
			<!--左侧导航-->
			<aside class="lyear-layout-sidebar">

				<!-- logo -->
				<div id="logo" class="sidebar-header">
					<a href="index.html"><img src="admin/images/logo-sidebar.png" title="demo" alt="demo" /></a>
				</div>
				<div class="lyear-layout-sidebar-info lyear-scroll">
					<nav class="sidebar-main">
						<ul class="nav-drawer" id="menu">
							<!--菜单内容-->
						</ul>
					</nav>
				</div>

			</aside>
			<!--End 左侧导航-->

			<!--头部信息-->
			<header class="lyear-layout-header">
				<nav class="navbar">

					<div class="navbar-left d-flex">
						<div class="lyear-aside-toggler">
							<span class="lyear-toggler-bar"></span>
							<span class="lyear-toggler-bar"></span>
							<span class="lyear-toggler-bar"></span>
						</div>
						<nav aria-label="breadcrumb" class="lyear-aside-bread">
							<ol class="breadcrumb" id="navbread">
							</ol>
						</nav>
					</div>

					<ul class="navbar-right d-flex align-items-center">
						<!--顶部消息部分-->
						<li class="dropdown dropdown-notice">
							<span data-bs-toggle="dropdown" class="position-relative icon-item">
								<i class="mdi mdi-bell-outline fs-5"></i>
								<span class="position-absolute translate-middle badge bg-danger">1</span>
							</span>
							<div class="dropdown-menu dropdown-menu-end">
								<div class="lyear-notifications">

									<div class="lyear-notifications-title d-flex justify-content-between"
										data-stopPropagation="true">
										<span>你有 1 条未读消息</span>
										<a href="#!">查看全部</a>
									</div>
									<div class="lyear-notifications-info lyear-scroll">
										<a href="#!" class="dropdown-item"
											title="树莓派销量猛增，疫情期间居家工作学习、医疗领域都需要它">树莓派销量猛增，疫情期间居家工作学习、医疗领域都需要它</a>
									</div>
								</div>
							</div>
						</li>
						<!--End 顶部消息部分-->
						<!--切换主题配色-->
						<li class="dropdown dropdown-skin">
							<span data-bs-toggle="dropdown" class="icon-item">
								<i class="mdi mdi-palette fs-5"></i>
							</span>
							<ul class="dropdown-menu dropdown-menu-end" data-stopPropagation="true">
								<li class="lyear-skin-title">
									<p>主题</p>
								</li>
								<li class="lyear-skin-li clearfix">
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_1"
											value="default" checked="checked">
										<label class="form-check-label" for="site_theme_1"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_2"
											value="translucent-green">
										<label class="form-check-label" for="site_theme_2"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_3"
											value="translucent-blue">
										<label class="form-check-label" for="site_theme_3"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_4"
											value="translucent-yellow">
										<label class="form-check-label" for="site_theme_4"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_5"
											value="translucent-red">
										<label class="form-check-label" for="site_theme_5"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_6"
											value="translucent-pink">
										<label class="form-check-label" for="site_theme_6"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_7"
											value="translucent-cyan">
										<label class="form-check-label" for="site_theme_7"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="site_theme" id="site_theme_8"
											value="dark">
										<label class="form-check-label" for="site_theme_8"></label>
									</div>
								</li>
								<li class="lyear-skin-title">
									<p>LOGO</p>
								</li>
								<li class="lyear-skin-li clearfix">
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_1"
											value="default" checked="checked">
										<label class="form-check-label" for="logo_bg_1"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_2"
											value="color_2">
										<label class="form-check-label" for="logo_bg_2"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_3"
											value="color_3">
										<label class="form-check-label" for="logo_bg_3"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_4"
											value="color_4">
										<label class="form-check-label" for="logo_bg_4"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_5"
											value="color_5">
										<label class="form-check-label" for="logo_bg_5"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_6"
											value="color_6">
										<label class="form-check-label" for="logo_bg_6"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_7"
											value="color_7">
										<label class="form-check-label" for="logo_bg_7"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="logo_bg" id="logo_bg_8"
											value="color_8">
										<label class="form-check-label" for="logo_bg_8"></label>
									</div>
								</li>
								<li class="lyear-skin-title">
									<p>头部</p>
								</li>
								<li class="lyear-skin-li clearfix">
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_1"
											value="default" checked="checked">
										<label class="form-check-label" for="header_bg_1"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_2"
											value="color_2">
										<label class="form-check-label" for="header_bg_2"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_3"
											value="color_3">
										<label class="form-check-label" for="header_bg_3"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_4"
											value="color_4">
										<label class="form-check-label" for="header_bg_4"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_5"
											value="color_5">
										<label class="form-check-label" for="header_bg_5"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_6"
											value="color_6">
										<label class="form-check-label" for="header_bg_6"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_7"
											value="color_7">
										<label class="form-check-label" for="header_bg_7"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="header_bg" id="header_bg_8"
											value="color_8">
										<label class="form-check-label" for="header_bg_8"></label>
									</div>
								</li>
								<li class="lyear-skin-title">
									<p>侧边栏</p>
								</li>
								<li class="lyear-skin-li clearfix">
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_1"
											value="default" checked="checked">
										<label class="form-check-label" for="sidebar_bg_1"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_2"
											value="color_2">
										<label class="form-check-label" for="sidebar_bg_2"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_3"
											value="color_3">
										<label class="form-check-label" for="sidebar_bg_3"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_4"
											value="color_4">
										<label class="form-check-label" for="sidebar_bg_4"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_5"
											value="color_5">
										<label class="form-check-label" for="sidebar_bg_5"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_6"
											value="color_6">
										<label class="form-check-label" for="sidebar_bg_6"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_7"
											value="color_7">
										<label class="form-check-label" for="sidebar_bg_7"></label>
									</div>
									<div class="form-check form-check-inline">
										<input class="form-check-input" type="radio" name="sidebar_bg" id="sidebar_bg_8"
											value="color_8">
										<label class="form-check-label" for="sidebar_bg_8"></label>
									</div>
								</li>
							</ul>
						</li>
						<!--End 切换主题配色-->
						<!--个人头像内容-->
						<li class="dropdown">
							<a href="javascript:void(0)" data-bs-toggle="dropdown" class="dropdown-toggle">
								<img class="avatar-md rounded-circle" src="admin/images/profile_male.jpg" alt="笔下光年" />
								<span style="margin-left: 10px;" id="username"></span>
							</a>
							<ul class="dropdown-menu dropdown-menu-end">
								<li>
									<a class="dropdown-item" data-toggle="startPage" data-title="个人信息"
										data-url="view/profile/index.html" href="javascript:void(0)">
										<i class="mdi mdi-account"></i>
										<span>个人信息</span>
									</a>
								</li>
								<li class="dropdown-divider"></li>
								<li>
									<a class="dropdown-item logout" href="javascript:void(0)">
										<i class="mdi mdi-logout-variant"></i>
										<span>退出登录</span>
									</a>
								</li>
							</ul>
						</li>
						<!--End 个人头像内容-->
					</ul>

				</nav>

			</header>
			<!--End 头部信息-->

			<!--页面主要内容-->
			<main class="lyear-layout-content">

				<div id="iframe-content"></div>

			</main>
			<!--End 页面主要内容-->
		</div>
	</div>

	<script type="text/javascript" src="component/util/popper.min.js"></script>
	<script type="text/javascript" src="component/util/art-template.js"></script>
	<script type="text/javascript" src="component/jquery/jquery-3.7.1.min.js"></script>
	<script type="text/javascript" src="component/jquery-validation/jquery.validate.min.js"></script>
	<script type="text/javascript" src="component/jquery-validation/localization/messages_zh.min.js"></script>
	<script type="text/javascript" src="component/jquery-cookie/jquery.cookie.min.js"></script>
	<script type="text/javascript" src="component/jquery-treegrid/js/jquery.treegrid.js"></script>
	<script type="text/javascript" src="component/tableExport-jquery-plugin/tableExport.min.js"></script>
	<script type="text/javascript" src="component/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-table/bootstrap-table.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script type="text/javascript"
		src="component/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
	<script type="text/javascript"
		src="component/bootstrap-table/extensions/export/bootstrap-table-export.min.js"></script>
	<script type="text/javascript"
		src="component/bootstrap-table/extensions/print/bootstrap-table-print.min.js"></script>
		
	<script type="text/javascript" src="component/bootstrap-select/js/bootstrap-select.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-select/js/i18n/defaults-zh_CN.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript"
		src="component/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-tempus-dominus/js/tempus-dominus.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-tempus-dominus/js/jQuery-provider.min.js"></script>
	<script type="text/javascript" src="component/bootstrap-tempus-dominus/locales/zh-CN.js"></script>
	<script type="text/javascript" src="component/gijgo/js/gijgo.min.js"></script>
	<script type="text/javascript" src="component/gijgo/js/messages/messages.zh-cn.js"></script>
	<script type="text/javascript" src="component/util/perfect-scrollbar.min.js"></script>
	<script type="text/javascript" src="component/chart.min.js"></script>
	<script type="text/javascript" src="admin/js/start.js"></script>
	<script type="module" src="admin/js/admin.js"></script>

	<script type="text/javascript"
		src="https://api.map.baidu.com/api?v=1.0&type=webgl&&ak=UZyauBmbunmSuxGmKedUXmrkNjq5WVKr"></script>
	<script>
		$(function () {
			var request = admin.getModule("request")
			admin.render({menuData: "permission/listUserMenu", menuElem: "#menu", pageElem: "#iframe-content", breadElem: "#navbread"});
			var userInfo = JSON.parse(sessionStorage.getItem("userInfo"))
			$("#username").text(userInfo.username);
			// 注销
			admin.logout(function () {
				request.postAlert("user/logout").then(res => {
					sessionStorage.clear();
					location.href = "/login.html"
				})
			})
		})

	</script>
</body>

</html>